<template>
    <div>
        <div class="container">
            <div class="m-page">
                <div class="p-title">订单详情</div>
                <div class="p-order">
                    <table>
                        <tr>
                            <th>订单号</th>
                            <th>供应商</th>
                            <th>商品/服务详情</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>实付金额</th>
                        </tr>
                        <tr>
                            <td>FW201904190001</td>
                            <td>熙重电子科技有限公司</td>
                            <td>名称：创新政策咨询服务 地区：火炬湖里园区 服务性质：一次性服务</td>
                            <td>￥0.01</td>
                            <td>
                                <el-input-number v-model="num" :min="1" label="描述文字" :disabled="true"></el-input-number>
                            </td>
                            <td>￥0.01</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import headlogin from '../../views/localPage/headlogin';
export default {
    data(){
        return{
            num: 1,//数量
        }
    },
    methods:{
        getItme: function(item, index) {
            this.cur = index;
            switch(index)
            {
                case 0:
            
                this.$router.push({ path:'/ServiceSupermarket/Home'})
                break;
                case 1:
        
                this.$router.push({ path:'/ServiceSupermarket/GatheringCenter'})
                break;
                case 2:
            
                this.$router.push({ path:'/ServiceSupermarket/ServiceOrganization'})
                break;
                case 3:
                
                this.$router.push({ path:'/ServiceSupermarket/ServiceConsultant'})
                break;
                case 4:
                
                this.$router.push({ path:'/ServiceSupermarket/About'})
                break;
            }
        },
    },
    components:{
        headlogin
    }
}
</script>
<style lang="less" scoped>
.m-page{
    padding: 80px 0 100px;
    color: #333333;
    font-family:MicrosoftYaHei;
    font-weight:400;
    .p-title{
        font-size: 20px;
        color: #666;
    }
    .p-order{
        margin-top: 30px;
        &>table{
            width: 100%;
            text-align: center;
            font-size: 16px;
            color: #666666;
            border-bottom:1px solid rgba(224,224,224,1);
            tr{
                th{
                    height: 64px;
                }
                td{
                    padding: 30px 15px;
                }
                &:first-child{
                    background: #E0E0E0;
                    
                }
            }
        }
    }
}
</style>
